import { ref, onMounted, onUnmounted } from 'vue'

export function useMouse() {
    const x = ref(0)
    const y = ref(0)

    function update(event: MouseEvent) {
        x.value = event.clientX
        y.value = event.clientY
    }
    onMounted(() => {
        window.addEventListener('mousemove', update)
     })
     onUnmounted(() => {
        window.removeEventListener('mousemove', update)
     })
    return { x, y }
}
